<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/detail.css">
    <script src="./js/main.js" type="module" id="detail"></script>
</head>
<body>
    <div class="header">
        <div class="header-top container ">
            <span class="head-left fl">
                欢迎来到完美世界周边商城！
            </span>
            <div class="shop fr">
                <a href="" class="shop-text">
                    <span class="shopImg"></span>
                    购物车
                    (<span class="shopNum">0</span>)
                </a>
                <div class="shopCart fr">
                    <p>购物车还没有商品，快去挑选商品吧！</p>
                </div>
                
            </div>
            <div class="order fr">
                <a href="" class="orderR">我的订单</a>
                <a href="">我的关注</a>
            </div>
            <div class="userlogin fr">
                <a href="./login.html" class="orderR">登陆</a>
                <a href="./registry.html">注册</a>
            </div>
            <div class="usernames fr">
                用户：<a href=""style="color: #cccccc;text-decoration:none">
                    15167532130
                </a>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="wrap">
            <a href="" class="wrapLoga fl">
                <img src="http://static.wanmei.com/shop/images/logo_wm.png" alt="">
            </a>
            <a href="" class="wrapCarta fl">
                <img src="http://static.wanmei.com/shop/images/logo_shop.png" alt="">
            </a>
            <div class="cartList fl">
                <a href="./list.html">
                    <span></span>
                    全部商品
                </a>
            </div>
            <ul class="wrapUl fl">
                <li>首页</li>
                <li>完美世界周边</li>
                <li>DOTA专区</li>
                <li>FAQ</li>
            </ul>
            <div class="wrapi fr">
                <input type="button" class="btn">
                <input type="text" class="text">
                <span>武林手机支架</span>
            </div>
        </div>
    </div>
    <div class="navbar">
        <div class="navwrap">
            <a href="">首页</a>>
            <a href="">完美世界游戏周边</a>>
            <a href="">完美世界周边</a>>
            <a href="" class="navwrapa"></a>
        </div>
    </div>
    <div class="good_detail">
        <div class="goodBox">
            <div class="goodImg fl">
                <div class="goodbBox">
                    <ul class="goodb">
                        <li class="show">
                            <img src="" alt="">
                            <!-- <img src="http://img.shop.wanmei.com/upload/product_show/2018-08-30/30e250e27e0549c79d74910afbaf468c.jpg" /> -->
                        </li>
                        <!-- <li>
                            <img src="http://img.shop.wanmei.com/upload/product_show/2018-08-30/207e924253e94abaaf8c6b5b086242ba.jpg" />
                        </li>
                        <li>
                            <img src="http://img.shop.wanmei.com/upload/product_show/2018-08-30/d5f78761243f4b7ba6a9eb4bc085bbcc.jpg" />
                        </li> -->
                    </ul>
                </div>

                <ul class="goods">
                    <!-- <li class="active">
                        <img src="http://img.shop.wanmei.com/upload/product_show/2018-08-30/30e250e27e0549c79d74910afbaf468c.jpg" />
                    </li>
                    <li><img src="http://img.shop.wanmei.com/upload/product_show/2018-08-30/207e924253e94abaaf8c6b5b086242ba.jpg" /></li>
                    <li><img src="http://img.shop.wanmei.com/upload/product_show/2018-08-30/d5f78761243f4b7ba6a9eb4bc085bbcc.jpg" /></li> -->
                </ul>
            </div>
            <div class="goodDes fr">
                <h1></h1>
                <p class="des"></p>
                <p class="prc"></p>
                <p class="num">
                    数量：<span class="numl"></span><input type="text" value="1" /><span class="numr"></span><span class="nums"></span>
                </p>
                <input type="button" value="加入购物车" class="btn">
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="foota">
            <img src="./img/QQ图片20210618105317.png" alt="">
        </div>
        <div class="footb">
            <img src="./img/QQ图片20210618105333.png" alt="">
        </div>
    </div>
</body>
</html>